<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>综合服务系统</title>
	<!--公用样式-->
	<link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/comment.css"/>
	<!--页面样式-->
	<link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/it/common/css/style.css" />
	<!--Layui-->
	<link rel="stylesheet" href="${re.contextPath}/plugin/layui/css/layui.css" media="all"/>
	<!--扩展样式-->
	<link rel="stylesheet" href="${re.contextPath}/plugin/common/css/extended.css">
	<style>
		body{
			position: relative;
		}
		.option div{
			font-size: 14px;
			line-height: 16px;
			padding-top: 4px;
			box-sizing: border-box;
			margin-top: 10px;
		}
		.option div input{
			height: 16px;
			/*margin-top: 4px;*/
		}

.tipsWord p{
	line-height: 16px;
	margin-top: 15px;
}


	</style>
</head>

<body>

<#--内容-->
<div class="container">
	<div class="textTitle" style="width: 100vw;height: 30px;line-height: 30px;margin-top: 20px;font-size: 16px;font-weight: bold;text-align: center;">是的考核方案决定考试</div>
	<div class="textInfo" style="display: flex;width: 90vw;margin-left: 25px">
		<div class="textLeft" style="width: 75%">
			<div style="width: 100%;height: 40px;border-radius: 4px 4px 0 0;background-color: #3e7ce7"></div>
			<div class="textContre" style="width: 100%;min-height: calc(100vh - 100px);overflow-y: auto;max-height: 100vh;border: 1px solid #828282;border-top: 0;border-radius: 4px;box-sizing: border-box;padding-left: 15px">
				<#--				单选-->
				<div style="font-size: 14px;margin-top: 20px;overflow: hidden">
					<p style="width: 75%;float: left;line-height: 16px;font-weight: bold;">1.世界第三致力于让各企业、学习的考试更易于组织，真正有效，其中在统计学是否受到很大爱上饭菜不合实际下部次哦嗯还是</p>
					<p style="width: 20%;float: left;color: #828282;line-height: 16px">（选择题）</p>
					<div class="option" style="width: 85%;float: left">
						<div><input type="radio" name="answer">  A、 用户、考试、成绩</div>
						<div><input type="radio" name="answer">  B、 用户、考试、成绩</div>
						<div><input type="radio" name="answer">  C、 用户、考试、成绩</div>
						<div><input type="radio" name="answer">  D、 用户、考试、成绩</div>
						<div><input type="radio" name="answer">  E、 以上都可以</div>
					</div>
				</div>
				<#--				多选-->
				<div style="font-size: 14px;margin-top: 20px;overflow: hidden">
					<p style="width: 75%;float: left;line-height: 16px;font-weight: bold;">2.世界第三致力于让各企业、学习的考试更易于组织，真正有效，其中在统计学是否受到很大爱上饭菜不合实际下部次哦嗯还是</p>
					<p style="width: 20%;float: left;color: #828282;line-height: 16px">（选择题）</p>
					<div class="option" style="width: 85%;float: left">
						<div><input type="checkbox" name="answer">  A、 用户、考试、成绩</div>
						<div><input type="checkbox" name="answer">  B、 用户、考试、成绩</div>
						<div><input type="checkbox" name="answer">  C、 用户、考试、成绩</div>
						<div><input type="checkbox" name="answer">  D、 用户、考试、成绩</div>
						<div><input type="checkbox" name="answer">  E、 以上都可以</div>
					</div>
				</div>
				<div style="font-size: 14px;margin-top: 20px;overflow: hidden">
					<p style="width: 75%;float: left;line-height: 16px;font-weight: bold;">2.世界第三致力于让各企业、学习的考试更易于组织，真正有效，其中在统计学是否受到很大爱上饭菜不合实际下部次哦嗯还是</p>
					<p style="width: 20%;float: left;color: #828282;line-height: 16px">（选择题）</p>
					<div class="option" style="width: 85%;float: left">
						<div style="width: 100%"><textarea placeholder="请输入答案" style="width: 100%;background-color: #f2f2f2;min-height: 200px"></textarea></div>
					</div>
				</div>

			</div>
		</div>
		<div class="textLeft" style="width: 20%;border: 1px solid #828282;margin-left: 10px;border-radius: 4px;position: relative">
			<#--			用户名-->
			<div class="uesrName"  style="width: 100%;height: 10vh;display: flex;padding: 10px 5px;">
				<div style="flex: 0.6;text-align: right;height: 20px;line-height: 20px">
					<img src="${re.contextPath}/plugin/common/images/username.png" style="width: 20px;height: 20px">
				</div>
				<div style="flex: 5;font-size: 14px;padding-left: 5px;height: 20px;line-height: 20px">用户名：xxx</div>
			</div>
			<#--			考试时间-->
			<div class="userTime" style="width: 100%;height: 10vh;display: flex;padding: 10px 5px;">
				<div style="flex: 0.6;text-align: right;height: 20px;line-height: 20px">
					<img src="${re.contextPath}/plugin/common/images/js.png" style="width: 20px;height: 20px">
				</div>
				<div style="flex: 5;font-size: 14px;padding-left: 5px;height: 20px;line-height: 20px">倒计时：59分59秒</div>
			</div>
			<#--			试题部分-->
			<div class="userText" style="width: 100%;height: 10vh;padding: 10px 5px;">
				<div style="height: 20px;line-height: 20px;width: 100%;display: flex">
					<div style="flex: 0.6;text-align: right;">
						<img src="${re.contextPath}/plugin/common/images/yztm.png" style="width: 20px;height: 20px">
					</div>
					<div style="flex: 5;font-size: 14px;padding-left: 5px;height: 20px;line-height: 20px">已做题目：0/30</div>
				</div>
				<div style="width: 100%;display: flex;flex-wrap: wrap;margin-top: 5px">
					<div style="width: 15px;height: 15px;font-size: 12px;line-height: 15px;text-align: center;border: 1px solid #e0e0e0;margin-left: 5px">33</div>
				</div>
			</div>
			<#--			保存  提交按钮-->
			<div style="width: 100%;height: 35px;display: flex;justify-content: space-between;position: absolute;bottom: 30px;font-size: 13px">
				<div style="width: 45%">
					<div style="width: 60px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #828282;border-radius: 4px;color: #828282;float:right;">保存</div>
				</div>
				<div style="width: 45%">
					<div style="width: 60px;height: 30px;line-height: 30px;text-align: center;border-radius: 4px;background-color: #3e7ce7;color: #fff">交卷</div>
				</div>
			</div>
		</div>
	</div>

	<#--	未完成提交遮罩层提示-->
	<#--	<div style="background: rgba(0,0,0,0.5);width: 100%;height: 100vh;position: fixed;z-index: 5;top: 0;font-size: 15px">-->
	<#--		<div style="width: 360px;height: 250px;background: #fff;position: absolute;top: 150px;right: calc(50% - 180px);border-radius: 4px">-->
	<#--			<div style="width: 100%;height: 55px;line-height: 55px;text-align: center;background: #3e7ce7;color: #FFFFFF">提示</div>-->
	<#--			<div style="width: 100%;height: 125px;line-height: 125px;text-align: center">您还有未完成的试题，确定交卷吗？</div>-->
	<#--			<div style="width: 100%;height: 34px;display: flex;text-align: center">-->
	<#--				<div style="flex: 1">-->
	<#--					<div style="margin: 0 auto;width: 130px;height: 32px;border-radius: 4px;border: 1px solid #828282;color: #828282">取消</div>-->
	<#--				</div>-->
	<#--				<div style="flex: 1">-->
	<#--					<div style="margin: 0 auto;width: 130px;height: 32px;border-radius: 4px;background-color: #3e7ce7;color: #FFFFFF">确定</div>-->
	<#--				</div>-->
	<#--			</div>-->
	<#--		</div>-->
	<#--	</div>-->

	<#--	提交完成遮罩层提示-->
	<#--	<div style="background: rgba(0,0,0,0.5);width: 100%;height: 100vh;position: fixed;z-index: 5;top: 0;font-size: 15px">-->
	<#--		<div style="width: 370px;height: 350px;background-color: #bad3ff;border-radius: 4px;position: absolute;top: 50px;overflow: hidden;margin-left: calc(50% - 185px)">-->
	<#--			<div style="width: 200px;height: 60px;margin: 60px auto;display: flex">-->
	<#--				<img src="${re.contextPath}/plugin/common/images/1-4.png" style="width: 60px;height: 60px">-->
	<#--				<div style="font-size: 15px">-->
	<#--					<p style="line-height: 16px;margin-top: 5px">是的考试考核练习</p>-->
	<#--					<p style="line-height: 16px;margin-top: 15px">得分：<span style="font-size: 18px;color: #ff5a5a;border-bottom: 1px solid #ff5a5a">0.00分</span></p>-->
	<#--				</div>-->
	<#--			</div>-->
	<#--			<div style="width: 100%;text-align: center">-->
	<#--				<p>总分：100.00分</p>-->
	<#--				<p>及格分：60.00分</p>-->
	<#--				<div style="width: 150px;height: 30px;line-height: 30px;text-align: center;background-color: #3e7ce7;color: #fff;border-radius: 4px;margin: 20px auto">确定</div>-->
	<#--			</div>-->
	<#--		</div>-->
	<#--	</div>-->
</div>
</body>

</html>


